Ext.onReady(function() {
	Ext.QuickTips.init();// 支持tips提示
		Ext.form.Field.prototype.msgTarget = 'title';// 提示的方式，枚举值为"qtip","title","under","side",id(元素id)
		// side方式用的较多，右边出现红色感叹号，鼠标上去出现错误提示，其他的我就不介绍了，可自行验证
		// 大家可以分别去掉这两行代码，看效果就会明白他们的作用，（放在onReady的function（）{}中）

		Ext.apply(Ext.form.VTypes, {
			password : function(val, field) { // val指这里的文本框值，field指这个文本框组件，大家要明白这个意思
					if (field.confirmTo) { // confirmTo是我们自定义的配置参数，一般用来保存另外的组件的id值
					var pwd = Ext.get(field.confirmTo);// 取得confirmTo的那个id的值
					return (val == pwd.getValue());
				}
				return true;
			}
		});

		var f = new Ext.form.FormPanel( {
			width : 450,
			height : 200,
			bodyStyle : 'padding:20px',
			labelAlign : 'right',
			frame : true,
			items : [new Ext.form.TextField( {
				name : 'username',
				ctCls : "FiedText",
				allowBlank : false,
				blankText : "不能为空，请填写",
				regex : /^\w+$/,
				regexText : "用户名只能由字母和数字组成！",
				minLength : 6,
				minLengthText : "长度不能小于6个字符",
				maxLength : 15,
				maxLengthText : "长度超过了15个字符",
				fieldLabel : '用户名',
				width : 180
			}), {
				name : 'password1',
				ctCls : "FiedText",
				id : "pass1",
				xtype : 'textfield',
				inputType : 'password',
				fieldLabel : '密码',
				allowBlank : false,
				blankText : "不能为空，请填写",
				width : 180
			}, {
				name : 'password2',
				id : "pass2",
				xtype : 'textfield',
				inputType : 'password',
				fieldLabel : '确认密码',
				allowBlank : false,
				blankText : "不能为空，请填写",
				vtype : "password",// 自定义的验证类型
					vtypeText : "两次密码不一致！",
					confirmTo : "pass1",// 要比较的另外一个的组件的id
					width : 180
				}],
			buttonAlign : "center",
			buttons : [
					{
						text : '确定',
						handler : function() {
							var username = f.getForm().findField('username')
									.getValue();
							var password = f.getForm().findField('password')
									.getValue();
							Ext.Ajax
									.request( {
										url : 'UserLogin.aspx',
										success : function(response, config) {
											var flog = response.responseText;

											if (0 == flog) {
												Ext.MessageBox.alert('提示',
														'登录失败，没有查找到此用户');
											} else if (1 == flog) {
												window.location = 'Dataadmin/Baseadmin.aspx';
											}
										},
										failure : function() {
											Ext.MessageBox.alert('错误', '连接错误！');
										},
										method : 'post',
										params : {
											username : username,
											password : password
										}
									});
						}
					}, {
						text : '重置',
						handler : function() {
							f.getForm().reset();
						}
					}]
		});
		var window = new Ext.Window( {
			title : "用户注册",
			frame : true,
			width : 450,
			items : [f]
		});
		window.show();
	});